<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/cityPicker.css">

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.cityPicker-v0.1.js"></script>


    <script type="text/javascript">

        $(function () {

            $(".username_show").on("focus", function () {
                $(this).cityPicker({
                    url: "servlet/PickAreaServlet",
                    buttons: true,
                    ismodal: false,
                    iscenter: false
                });
            });

        });
    </script>
</head>
<body>
<input class="login-field username_show" type="text" name="username_show" placeholder="用户名"/>

<input class = "login-field username_show" type = "text" name="username_show" />
</body>
</html>